<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // ES6 引入 rest 参数，用于获取函数的实参，用来代替 arguments
      // ES5 获取实参的方式
      function date() {
        console.log(arguments); // object
      }
      date("a", "b", "c");

      // ES6 rest 参数
      function data2(...args) {
        console.log(args); // ['a', 'b', 'c']
      }
      data2("a", "b", "c");

      // rest 参数必须位于参数的最后面
      function data3(a, b, ...rest) {
        console.log(a,b); // 1,2
        console.log(rest);
      }
      data3(1, 2, 3, 4); // [3, 4]
    </script>
  </body>
</html>
